<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>驿联</title>
    <link href="first.css" rel="stylesheet" type="text/css">
    <link href="publicHF.css" rel="stylesheet" type="text/css">
    <script src="cdn.bootcss.com/jquery/jquery.min.js"></script>
    <script>
        $(function(){
            $(".bannerOut").hover(function(){
                $(this).toggleClass("bannerOn");
            });
            $(".appA").hover(function () {
                $(this).toggleClass("appA1");
            });
            $("#app a:eq(1)").hover(function(){
                $(this).toggleClass("appI1");
            });
            $(".tdOut").hover(function(){
                $(this).toggleClass("mouseOn");
            })
        })
    </script>
</head>
<body>
    <!--public header-->
    <header>
        <div id="brand"><a href="first.html"><img src="pictures/brand.png"/></a></div>
        <ul id="banner">
            <li><a class="bannerOut" href="first.html" style="color: #696969;">首页</a></li>
            <li><a class="bannerOut" href="#">驿路相伴</a></li>
            <li><a class="bannerOut" href="product.html">产品</a></li>
            <li><a class="bannerOut" href="cases.html">成功案例</a></li>
            <li><a class="bannerOut" href="news.html">新闻</a></li>
            <li><a class="bannerOut" href="about.html">关于驿联</a></li>
            <li><a class="bannerOut" href="#">管理平台</a></li>
            <li><a class="bannerOut" href="#">个人中心</a></li>
        </ul>
    </header>
    <!--public header-->
    <div id="content">
        <div id="app"><a class="appA" href="#">Android</a><a class="appI" href="#">IOS</a></div>
        <img src="pictures/banner-2.jpg"/>
    </div>

    <div id="footImg">
        <a href="#"><img src="pictures/foot-1.png"/></a><a href="#"><img src="pictures/foot-2.png"/></a><a href="#"><img src="pictures/foot-3.png"/></a>
    </div>
    <!--public footer-->
    <footer>
        <table id="footTB">
            <tr>
                <th>应用下载</th>
                <th>产品中心</th>
                <th>关于驿联</th>
                <th rowspan="4"><img src="pictures/code-1.png"></th>
                <th rowspan="4"><img src="pictures/code-2.png"></th>
            </tr>
            <tr>
                <td><a class="tdOut" href="#">Android</a></td>
                <td><a class="tdOut" href="#">直流快充系统</a></td>
                <td><a class="tdOut" href="#">集团介绍</a></td>
            </tr>
            <tr>
                <td><a class="tdOut" href="#">IOS</a></td>
                <td><a class="tdOut" href="#">交流充电桩</a></td>
                <td><a class="tdOut" href="#">成功案例</a></td>
            </tr>
            <tr>
                <td><a class="tdOut" href="#">了解驿充电</a></td>
                <td><a class="tdOut" href="#">换电站专用充电系统</a></td>
                <td><a class="tdOut" href="#">加入驿联</a></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td><a class="tdOut" href="#">联系我们</a></td>
                <td><span class="tdCode">驿充电APP</span></td>
                <td><span class="tdCode">驿充电官方微信</span></td>
            </tr>
        </table>
        <p id="copyright">
            <span class="copyR">Copyright © 珠海驿联新能源汽车有限公司版权所有 备案许可证： <a href="http://www.miitbeian.gov.cn/">粤ICP备15022833号</a></span><span>简体中文</span>
        </p>
    </footer>
    <!--public footer-->
</body>
</html>